<div>
  <form class="form-horizontal" role="form" name="myForm" novalidate ng-init="initQuery()">
    <div class="form-ctrl md-whiteframe-z1">
      <div class="form-search" style="height:270px;" ng-class="{'shou':!userChurnRateAnalysis.showSearchPanel}"
           ng-switch
           on="userChurnRateAnalysis.timeType">
        <div>
          <md-input-container flex>
            <label>开始时间</label>
            <input type="month" ng-model="userChurnRateAnalysis.params.startTime"  time-validate="month"
                   end-time="userChurnRateAnalysis.params.endTime"
                   required name="startTime">

            <div ng-messages="myForm.startTime.$error">
              <div ng-message="date">请正确输入时间</div>
              <div ng-message="time-error">开始时间不应大于结束时间</div>
              <div ng-message="too-great">结束时间不应大于当前时间</div>
            </div>
          </md-input-container>
        </div>
        <div>
          <md-input-container flex>
            <label>结束时间</label>
            <input type="month" ng-model="userChurnRateAnalysis.params.endTime"  time-validate="month"
                   start-time="userChurnRateAnalysis.params.startTime"
                   required name="endTime">

            <div ng-messages="myForm.endTime.$error">
              <div ng-message="date">请正确输入时间</div>
              <div ng-message="time-error">开始时间不应大于结束时间</div>
              <div ng-message="too-great">结束时间不应大于当前时间</div>
            </div>
          </md-input-container>
        </div>
      </div>
      <i class="glyphicon glyphicon-chevron-up shrinkage" ng-show="userChurnRateAnalysis.showSearchPanel"
         ng-click="userChurnRateAnalysis.hideSearchPanel()" ng-hide="myForm.$invalid || userChurnRateAnalysis.arrow"></i>
      <md-button ng-disabled="myForm.$invalid" ng-click="userChurnRateAnalysis.search()"
                 class="md-fab md-primary md-hue-1"
                 aria-label="Profile">
        <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;"
           ng-show="!userChurnRateAnalysis.showSearchPanel"></i>
        <i class="glyphicon glyphicon-search" ng-show="userChurnRateAnalysis.showSearchPanel"></i>
      </md-button>
    </div>
  </form>
  <div class="table-info">
    <div>
      <div class="menus" ng-show="userChurnRateAnalysis.showIcon">
        <md-button aria-label="列表" id='ta' ng-click="userChurnRateAnalysis.changeViewType('table')" class="md-raised ico-btn">
          <img src="images/tables.png">
        </md-button>
        <md-button aria-label="图表" id='cha' ng-click="userChurnRateAnalysis.changeViewType('chart')" class="md-raised ico-btn">
          <img src="images/charts.png">
        </md-button>
        <form action="{{exportUrl}}" target="_black" method="post"
              style="display: initial;">
          <input type="hidden" name="data" value="{{userChurnRateAnalysis.sendData}}">
          <md-button type="submit" class="md-raised">导出Excel</md-button>
        </form>
      </div>
      <div ng-show="userChurnRateAnalysis.viewType === 'chart'" style="padding: 0 16px;">
        <div id="userChurnRateAnalysisChart" style="height:450px; width: 1197px;"></div>
      </div>
      <div ng-show="userChurnRateAnalysis.viewType === 'table'">
        <div class="table-detail">
          <div class="t_r">
            <table class="table table-bordered">
              <caption style="text-align:center;font-size:large;font-weight:bold;color:black">
                {{userChurnRateAnalysis.title}}
              </caption>
              <thead>
              <tr>
                <th width="15%">时间</th>
                <th>天猫旗舰店</th>
                <th>移动商城</th>
                <th>银行总对总</th>
              </tr>
              </thead>
              <tbody>
              <tr ng-repeat="data in userChurnRateAnalysis.churnRateDataList">
                <td class="diffcount-td" ng-repeat="d in data track by $index">
                  <div style="width:100%;">{{d}}</div>
                </td>
              </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>